.editStyles {


    :global {
        width: 100%;
        height: 100%;
        background-color: white;
        // position: fixed;
        // top: 0;
        // left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;

        .header {
            width: 100%;
            padding: 10px;
            border-bottom: 1px solid #e8e8e8;
            display: flex;
            justify-content: space-between;

        }

        .center {
            flex: 1;
            display: flex;
            overflow: hidden;

            .edit-content {
                flex: 1;

                .edit-form {
                    height: 100%;

                    .edit-tabs {
                        height: 100%;
                        display: flex;
                        flex-direction: column;

                        .ant-tabs-nav {}

                        .ant-tabs-content-holder {
                            padding: 10px;
                            flex: 1;

                            .ant-tabs-content {
                                height: 100%;

                                .ant-tabs-tabpane,
                                .ant-tabs-tabpane-active {
                                    height: 100% !important;

                                    // .content-formItem {
                                    //     height: 100% !important;

                                    //     .ant-row {
                                    //         height: 100% !important;

                                    //         .ant-col {
                                    //             height: 100% !important;

                                    //             .ant-form-item-control-input {
                                    //                 height: 100% !important;

                                    //                 .ant-form-item-control-input-content {
                                    //                     height: 100% !important;
                                    //                 }
                                    //             }
                                    //         }

                                    //     }
                                    // }
                                }
                            }
                        }
                    }
                }


            }

            .preview-content {
                padding: 10px;
                width: 400px;
                height: 100%;
                overflow: hidden;
                border-left: 1px solid #e8e8e8;

                .preiew-content-ref {
                    width: 100%;
                    height: 100%;
                    overflow-y: auto;

                    //滚动条优化
                    &::-webkit-scrollbar {
                        width: 5px;
                        background: #f9f9f9;
                        
                    }
                    &::-webkit-scrollbar-thumb {
                        // background: -webkit-gradient(linear,left top,left bottom,from(#ff8a00),to(#e52e71));
                        background: linear-gradient(180deg, #ffffff, #ffffff);
                        border-radius: 30px;
                        box-shadow: inset 2px 2px 2px hsla(0,0%,100%,.25), inset -2px -2px 2px rgba(0,0,0,.25);
                    }

                    * {
                        max-width: 100%;
                    }
                }


            }
        }


    }
}